ins.play-gif{
    box-sizing:border-box;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: 50%;
    margin-left:-20px;
    min-height: 40px;
    min-width: 40px;
    text-align: center;
    background: #222;
    line-height: 34px;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 50%;
    opacity: .9;
    border: 3px solid #fff;
    cursor:pointer;
    text-decoration: none;
}

ins.play-gif:hover{
    opacity:.5;
}

.gifplayer-wrapper{
    position:relative;
}

a.gif-view-full{
    position:absolute;
    right:4px;
    z-index:99;
    font-weight:bold;
}

@media (max-width : 480px) {
    a.gif-view-full{
        display:inline-block !important;
    }
}

.spinner {
    height:25px;
    width:25px;
    margin:0px auto;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-19px;
    margin-left:-19px;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left:6px solid rgba(256,256,256,.15);
    border-right:6px solid rgba(256,256,256,.15);
    border-bottom:6px solid rgba(256,256,256,.15);
    border-top:6px solid rgba(256,256,256,.8);
    border-radius:100%;
}

@-webkit-keyframes rotation {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(359deg);}
}

@-moz-keyframes rotation {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(359deg);}
}

@-o-keyframes rotation {
    from {-o-transform: rotate(0deg);}
    to {-o-transform: rotate(359deg);}
}

@keyframes rotation {
    from {transform: rotate(0deg);}
    to {transform: rotate(359deg);}
}

.icon-maximize:before{
    content: "\f0b2";
}